<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--form：代表整个表单 action：表示收集好数据后提交的地址 #：表示提交到当前页面
-->
<form action="">
    <!--表单可以写各种表单控件，输入框、单选、多选-->
    <!--type
            不写默认是text
            text：普通文本
            password：密码输入框
            radio：单选
            checkbox：多选
            date：日期
            color：颜色
            rang：滑轨
            file：文件
            button：普通按钮
            submit：提交按钮
        name
            不加名字不会提交
        value
            预设初始值
        readonly
            只读 可以提交数据
        disabled
            禁用 可看见值 不可提交数据
        maxlength
            输入框的最大长度
        checked
            默认被选中
        -->

    姓名：<input type="text" name="username" placeholder="请输入用户名" value="张三"><br>
    密码：<input type="passwprd" name="password" value="123456" maxlength="10"><br>
    昵称：<input type="text" name="nickname1" value="rose" readonly><br>
    昵称：<input type="text" name="nickname2" value="rose" disabled><br>
    性别：<input type="radio" name="gender" value="1" checked>男
            <input type="radio" name="gender" value="0">女<br>
    爱好：<input type="checkbox" name="like" value="jump" checked>蹦迪
    <input type="checkbox" name="like" value="look">看书
    <input type="checkbox" name="like" value="game">打游戏<br>
    生日：<input type="date" name="birthday"><br>
    幸运色：<input type="color" name="luckcolor"><br>
    滑轨：<input type="range" name="scale" min="1" max="100"><br>
    文件：<input type="file" name="file"><br>

    <input type="reset" value="重置"><br>
    <input type="button" value="普通按钮">
    <button>普通按钮</button><br>
    <select>
        <option value="北京" selected>北京</option>
        <option value="上海">上海</option>
        <option value="武汉">武汉</option>
    </select><br>
    <input type="checkbox" name="checkok" value="ok" id="ok">
    <label for="ok" >我同意以上协议</label><hr>
    <label for="uu" >关联文字</label>
    <input type="text" id="uu"><hr>
    <input type="submit" value="确认">
</form>

</body>
</html>